/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    colors: {
      white: "#ffffff",
      transparent: "transparent",
      primary: {
        DEFAULT: "rgb(var(--primary-6))",
        7: "rgb(var(--primary-7))",
        5: "rgb(var(--primary-5))",
        4: "rgb(var(--primary-4))",
        3: "rgb(var(--primary-3))",
        2: "rgb(var(--primary-2))",
        1: "rgb(var(--primary-1))",
        "light-1": "var(--color-primary-light-1)",
        "light-2": "var(--color-primary-light-2)",
        "light-3": "var(--color-primary-light-3)",
        "light-4": "var(--color-primary-light-4)",
      },
      success: {
        DEFAULT: "rgb(var(--success-6))",
        7: "rgb(var(--success-7))",
        5: "rgb(var(--success-5))",
        4: "rgb(var(--success-4))",
        3: "rgb(var(--success-3))",
        2: "rgb(var(--success-2))",
        1: "rgb(var(--success-1))",
        "light-1": "var(--color-success-light-1)",
        "light-2": "var(--color-success-light-2)",
        "light-3": "var(--color-success-light-3)",
        "light-4": "var(--color-success-light-4)",
      },
      warning: {
        DEFAULT: "rgb(var(--warning-6))",
        7: "rgb(var(--warning-7))",
        5: "rgb(var(--warning-5))",
        4: "rgb(var(--warning-4))",
        3: "rgb(var(--warning-3))",
        2: "rgb(var(--warning-2))",
        1: "rgb(var(--warning-1))",
        "light-1": "var(--color-warning-light-1)",
        "light-2": "var(--color-warning-light-2)",
        "light-3": "var(--color-warning-light-3)",
        "light-4": "var(--color-warning-light-4)",
      },
      danger: {
        DEFAULT: "rgb(var(--danger-6))",
        7: "rgb(var(--danger-7))",
        5: "rgb(var(--danger-5))",
        4: "rgb(var(--danger-4))",
        3: "rgb(var(--danger-3))",
        2: "rgb(var(--danger-2))",
        1: "rgb(var(--danger-1))",
        "light-1": "var(--color-danger-light-1)",
        "light-2": "var(--color-danger-light-2)",
        "light-3": "var(--color-danger-light-3)",
        "light-4": "var(--color-danger-light-4)",
      },
      // 文字颜色
      "tc-1": "var(--color-neutral-10)",
      "tc-2": "var(--color-neutral-8)",
      "tc-3": "var(--color-neutral-6)",
      "tc-4": "var(--color-neutral-4)",

      // 背景颜色
      "bg-1": "var(--color-bg-1)",
      "bg-2": "var(--color-bg-2)",
      "bg-3": "var(--color-bg-3)",
      "bg-4": "var(--color-bg-4)",
      "bg-5": "var(--color-bg-5)",

      // 边框颜色
      "bc-1": "var(--color-neutral-2)",
      "bc-2": "var(--color-neutral-3)",
      "bc-3": "var(--color-neutral-4)",
      "bc-4": "var(--color-neutral-6)",
    },
    extend: {
      width: {
        15: "60px",
        17: "68px",
        18: "72px",
        19: "74px",
      },
      height: {
        15: "60px",
        17: "68px",
        18: "72px",
        19: "74px",
      },
    },
  },
  plugins: [],
};
